float posX, posY, pos2X, pos2Y, pos3X, pos3Y, objW, objH;

void setup() {
  smooth();

  background(0); // Fondo negro

  // Rectangulo
  stroke (255); // Linea blanca
  strokeWeight(10); // Linea ancha
  fill(128); // Relleno gris

  posX = width * 0.1;
  posY = height * 0.7;
  objW = width * 0.5;
  objH = height * 0.2;

  rect(posX, posY, objW, objH); // Rectangulo de 30x50 en (20,40)

  // RGB
  colorMode(RGB);

  // Elipse
  stroke (255, 128, 0); // Color cafe rojizo
  strokeWeight(5); // Linea delgada
  fill (0, 100, 255, 180); // Relleno azuloso

  posX = width * 0.65;
  posY = height * 0.3;
  objW = width * 0.3;
  objH = height * 0.3;

  ellipse (posX, posY, objW, objH); // Elipse con centro en 150,90, ancho 100 y alto 80

  // Cambio de modo de color
  colorMode(HSB);

  // Linea
  stroke (100, 190, 200); // Color cafe rojizo
  strokeWeight(10); // Linea delgad

  posX = width/4;
  posY = height/2;

  pos2X = width;
  pos2Y = height;

  line(posX, posY, pos2X, pos2Y); 

  // Arco
  posX = width/2;
  posY = height / 5;

  objW = width * 0.5;
  objH = height * 0.3;

  stroke(255, 245, 235, 150);
  strokeWeight(20);
  noFill();

  arc(posX, posY, objW, objH, 1, 4);

  // Triangulo
  colorMode (RGB);

  stroke(0, 255, 0, 120);
  strokeWeight(2);
  fill(500, 100, 150, 120);

  // Punto 1
  posX = width/3;
  posY = height/5;

  // Punto 2
  pos2X = width * 0.6;
  pos2Y = height/3;

  // Punto 3
  pos3X = width* 0.1;
  pos3Y = height * 0.6;

  triangle(posX, posY, pos2X, pos2Y, pos3X, pos3Y);
}

void draw() {
  // No se redibuja nada
}

